import styled from 'styled-components'
// import share from '@/assets/images/sale/share.png'

export const DetailStyle = styled.div`
    position: relative;
    /* padding-top: 45px; */

    .homeDetail {
      width: 100%;
      position: relative;

      .bkImg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #eeeff1;
      }

      .banner {
        width: 100%;
        /* height: 250px; */
        height: 3rem;
        background-color: #FFF;

        img {
          width: 100%;
          height: 100%;
        }
      }

      .details {
        /* width: 10rem; */
        width: 100%;
        height: 190px;
        background: linear-gradient(180deg,#FFF 0,#F4F5F9 100%);

        .detail-content {
          margin: 0 auto;
          width: 100%;
          background-color: #FFF;
          border-radius: .1rem;
          box-sizing: border-box;
          padding: .5px 0 .5px .5px;

          .price {
            height: 31px;
            font-size: 26px;
            font-family: HelveticaNeue-CondensedBold,HelveticaNeue;
            color: #333;
            line-height: 31px;
            letter-spacing: 2px;
          }
          .name {
            padding-right: 5px;
            margin-top: 5px;
            font-size: 17px;
            font-family: PingFangSC-Light,PingFang SC;
            color: #333;
            line-height: 21px;
          }
        }
      }


    }

    .supplier-list {
      margin: .21333rem .21333rem 0;
      width: 9.57333rem;
      background: #FFF;
      border-radius: .21333rem;
      box-sizing: border-box;
      padding: .26667rem;
    }
`